<script lang="ts" setup>
import { computed } from 'vue'
import App from '@/App.vue'
import { darkTheme, useOsTheme } from 'naive-ui'

const osThemeRef = useOsTheme()
const theme = computed(() => (osThemeRef.value === 'dark' ? darkTheme : null))
</script>

<template lang="pug">
n-config-provider(:theme="theme")
  n-dialog-provider
    n-loading-bar-provider
      n-notification-provider
        n-message-provider
          App
         
</template>

<style lang="scss" scoped></style>
